<template>
  <div class="formDesign">
    <v-form-designer  ref="vFormDesigner"></v-form-designer>
    <div></div>
  </div>
</template>

<script>
export default {
  name: "formDesign",
  data() {
    return {
      formJson: {},
      formData: {},
      optionData: {},
    };
  },
  mounted() {},
  methods: {
    validateForm() {
      return this.$refs.vFormDesigner.getFormJson();
    },
  },
};
</script>

<style lang="scss" scoped>
.formDesign {
  ::v-deep .main-header {
    display: none;
  }
  ::v-deep .el-button-group{
          display: none;
  }
  ::v-deep .left-toolbar{
    .el-button--medium:last-child{
      display: none!important;
    }
  }
  ::v-deep .right-toolbar-con{
    .el-button:last-child{
      display: none!important;
    }
    .el-button:nth-child(5){
      display: none!important;
    }
  }
}

</style>
